<script setup>
import { onMounted } from 'vue';

onMounted(() => {
  if (document.documentElement.clientWidth / document.documentElement.clientHeight >= 1.7) {
    document.documentElement.style.fontSize =
      (document.documentElement.clientWidth * 9 + document.documentElement.clientHeight * 16) /
        2500 +
      'px'
  } else {
    document.documentElement.style.fontSize =
      (document.documentElement.clientWidth * 7 + document.documentElement.clientHeight * 12) /
        1800 +
      'px'
  }
})
</script>

<template>
  <div class="appview">
    <RouterView></RouterView>
  </div>
</template>

<style lang="scss" scoped>
.appview {
  width: 100vw;
  height: 56.25vw;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
</style>